<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css"
		href="css/themes/default/jquery.mobile-1.2.0.min.css" />

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
	<title>Untitled Document</title>
</head>

<body>

	<div data-role="page" id="pageProducts">
		<div data-role="header" data-position="fixed">
			<h1>Electronic Supermarket</h1>
			<a href="#" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-filter="true"
				data-filter-placeholder="Search products...">

			</ul>
		</div>

		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" data-iconpos="top">
				<ul>

					<li><a href="#PageHotProducts" id="HotProducts"
						data-icon="refresh">Hot products</a></li>
					<li><a href="#PageDiscountsProduct" id="DiscountsProduct"
						data-icon="custom">Discounts product</a></li>
					<li><a href="#PageNewProducts" id="NewProducts"
						data-icon="star">New products</a></li>/

				</ul>
			</div>
		</div>
	</div>


	<div data-role="page" id="PageHotProducts">
		<div data-role="header" data-position="fixed">
			<h2>Hot products</h2>
			<a href="Customer.jsp" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-filter="true"
				data-filter-placeholder="Search products...">


				<li><a href="#"> <img src="image/miku nendoroid.jpg"
						width="171" height="330" />
						<h3>Miku Nedoroid</h3>
						<p>
							AgeRestriction(12) 
							<br /> Price : 34568$ 
							<br /> Productser:
							Yamaha <br />

							<input type="submit" data-theme="e" data-icon="check">Add
								to cart</button>

						</p>
				</a></li>
				<li><a href="#"> <img src="image/lumia 900.jpg" />
						<h3>Lumia 900</h3>
						<p>
							Productser : Nokia <br /> Price: 13.999.000đ <br />
							<button type="submit" data-theme="e" data-icon="check">Add
								to cart</button>
						</p>
				</a></li>
				<li data-theme="b">Tải thêm ...</li>


			</ul>
		</div>
		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" data-iconpos="top">
				<ul>

					<li><a href="#PageHotProducts" id="HotProducts"
						data-icon="refresh">Hot products</a></li>
					<li><a href="#PageDiscountsProduct" id="DiscountsProduct"
						data-icon="custom">Discounts product</a></li>
					<li><a href="#PageNewProducts" id="NewProducts"
						data-icon="star">New products</a></li>


				</ul>
			</div>
		</div>
	</div>
	<div data-role="page" id="PageDiscountsProduct">
		<div data-role="header" data-position="fixed">
			<h2>Discounts Products</h2>
			<a href="Customer.jsp" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-filter="true"
				data-filter-placeholder="Search products...">

			</ul>
		</div>
		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" data-iconpos="top">
				<ul>

					<li><a href="#PageHotProducts" id="HotProducts"
						data-icon="refresh">Hot products</a></li>
					<li><a href="#PageDiscountsProduct" id="DiscountsProduct"
						data-icon="custom">Discounts product</a></li>
					<li><a href="#PageNewProducts" id="NewProducts"
						data-icon="star">New products</a></li>


				</ul>
			</div>
		</div>
	</div>
	<div data-role="page" id="PageNewProducts">
		<div data-role="header" data-position="fixed">
			<h2>New products</h2>
			<a href="Customer.jsp" id="openDialogSignOut" data-icon="delete"
				class="ui-btn-right" data-iconpos="right">Thanh Pham</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-filter="true"
				data-filter-placeholder="Search products...">

			</ul>
		</div>
		<div data-role="footer" data-id="foo1" class="nav-thanh-customicon"
			data-position="fixed">
			<div data-role="navbar" data-iconpos="top">
				<ul>

					<li><a href="#PageHotProducts" id="HotProducts"
						data-icon="refresh">Hot products</a></li>
					<li><a href="#PageDiscountsProduct" id="DiscountsProduct"
						data-icon="custom">Discounts product</a></li>
					<li><a href="#PageNewProducts" id="NewProducts"
						data-icon="star">New products</a></li>


				</ul>
			</div>
		</div>
</body>
</html>
